<template>
    <div class="bottom-bar">
      <div class="a">
         <span>客服</span>
      </div>
      <div class="b">
          <span>店铺</span>
      </div>
      <div class="c">
          <span>收藏</span>
      </div>
      <div class="d">
        <span @click="cartClick">加入购物车</span>
      </div>
      <div class="e">
          <span>购买</span>
      </div>
    </div>
</template>
<script>
export default {
  name:"DetailBottomBar",
  methods:{
    cartClick(){
      this.$emit("cartClick")
    }
  }
}
</script>
<style scoped>
.bottom-bar{position:fixed;bottom:0px;right: 0;left: 0;background-color:#fff;height: 49px;display: flex;}
.bottom-bar .a{padding:15px 15px 0 15px;background: pink;color: #000;}
.bottom-bar .b{padding: 15px 15px 0 15px;background: plum;color: #000;}
.bottom-bar .c{padding: 15px 15px 0 15px;background:palevioletred;color: #000;}
.bottom-bar .d{padding: 15px 15px 0 15px;background: plum;color: #000;}
.bottom-bar .e{padding: 15px 15px 0 15px;background:red;color: #fff;width: 80px;}
</style>
